(function(){
    $(".back").click(function(){
        $("body,html").animate({scrollTop:0},500)
    })
    $.ajax({
        type:"GET",
        url:"http://chst.vip:1234/api/getbaicaijiatitle",
        data:{}
    }).then(res=>{
        title=res.result;
        let html=""
        title.forEach(function (item) { 
            html+=`
                <li value="${item.titleId}">${item.title}</li>
            `
        })
        $(".nav").html(html)
        $(".nav").children("li:eq(0)").addClass("selected");

        for(let i=0;i<$(".nav").children("li").length;i++){
            $(".nav").children("li:eq("+i+")").click(function(){
                $(this).siblings().removeClass("selected").end().addClass("selected");
                let titleId=$(this).prop("value") 
                fn(titleId)
            })
        }
        
    })
    var bool=true;
    function fn(titleId){
        $.ajax({
            type:"GET",
            url:"http://chst.vip:1234/api/getbaicaijiaproduct",
            data:{titleid:titleId}
        }).then(res=>{
            list=res.result;
            let html=""
            list.forEach(function(item){
                html+=`
                    <li>
                        ${item.productImg}
                        <div>
                            <p>${item.productName}</p>
                            <p>${item.productPrice}</p>
                            <p>${item.productCouponRemain}</p>
                            <p>${item.productCoupon} ${item.productHref}</p>
                        </div>
                    </li>
                `
            })
            $(".list").html(html)
            

         
            if(bool){
                bool=false;
            let width=0,pecent="",count=1;
            var fn1= setInterval(function(){

                let Width=parseInt($(".bar:eq(0)").children("i").children("span:eq(0)").css("width"))

                    if(Width<=93.75){
                        count++
                        pecent=count+"%"
                        let num=0.025
                    width+=num
                    for(let i=0;i<$(".bar").children("i").length;i++){
                        $(".bar:eq("+i+")").children("i").children("span:eq(0)").css("width",width+"rem")
                        if($(".bar:eq("+i+")").children("i").children("span:eq(0)").html()!="100%"){
                            $(".bar:eq("+i+")").children("i").children("span:eq(0)").html(pecent)
                            console.log("运行了")
                        }
                        if(count<=82){
                            $(".bar:eq("+i+")").children("b").html("已领"+count+"张")
                        }
                    } 
                    }else{
                        var clear= clearInterval(fn1);
                        bool=true;
                    }
                },16)
            }
  
        })
    }

    fn(0);

})()